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Fig 3.1 : Village mela 
Samayra and Shirom visited a fair organised in a 
village and wanted to write and send an article in a 
newspaper consisting of a writeup and a collage. They 
were very happy as Samayra was fond of photography 
and Shirom was good at writing articles. Samayra took 
pictures throughout the day and in the evening they 
both sat down to check those pictures. When they saw 
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GIMP is a multimedia 


tool suitable for a 
variety Of image 
manipulation tasks, 


such as photo editing, 
collage creation and 
free from drawing. 
GIMP stores an image 
in .xcf format. 


Canvas is the area 
where you insert and 
modify an image. A 
canvas can have 
many layers. A layer 
comprises one 

image. The New 
option of File menu 
also opens a new 
canvas where we can 
mention the size of the 
image. The size of an 
image is measured in 
pixels. A pixel is the 
smallest illuminated 
area on a screen. 


the pictures they were not happy as the pictures were a 
little dull and not focussed properly. 


Shirom: Samayra, don't get upset I am familiar with a 
graphics editor software which will help us in modifying 
and enhancing these images. 


Samayra: Shirom, do you know editing can also be done 
with a smartphone. 


Shirom: Yes Samayra, you are absolutely correct, but 
I know a Free and Open Source Graphics Editing Tool 
which can help us to enhance images we have. 


Check Yourself 





What needs to be checked for selecting a picture for an 
article? 


(a) Clarity of picture 

(b) Information in the picture 
(c) Size of the picture 

(d) Any other 


Shirom: Samayra, now tell me what modifications you 
want in these images. I will demonstrate how we can use 
various features of the graphics editor for modifications 
in these images. 


Shirom: Let's first open the image we want to modify. 
(Refer Fig. 3.2). 


The original image gets 
opened up in the canvas 
for modifications. 
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Fig 3.2: Opening an image 
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Samayra: Shirom, see this image. It contains some 
unwanted areas which I don't want. Refer Fig. 3.3. 





Fig. 3.3: Image showing unwanted area 


Shirom: Don't worry Samayra let me tell you how you 
can remove the unwanted area of the picture. This is 
known as cropping as shown in Fig. 3.4. 


Tools -> Transform Tools -> Crop Tool (Shift + C is the shortcut for crop tool) 


Select the portion of the image to be cropped by clicking and Sə the mouse. Press 
“Enter” key on your keyboard to crop. 


The cropped image will be as shown as 





Fig. 3.4: Cropping an image 
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A Tool box is an area 
which contains tools 
to perform basic 
tasks. Tools can be 
added or removed as 
per our requirements. 
The toolbox is placed 
by default on the 
left side when you 
open GIMP interface. 
Onecanalso select the 
portion to be cropped 
by using Tools— > 
Selection Tools —ə 
Rectangle Select. 
Select and then select 
Image ——» Crop to 
Selection to crop an 
image. 


Samayra: Yes Shirom, this is exactly what I wanted. 


Toolbox 





Fig. 3.5 : Tool Box 


Moving the mouse pointer over the tool in the toolbox, 
as shown in Fig. 3.5 and letting it rest for a moment, 
usually displays a ‘tooltip’ that describes its usage. 
Short cut Keys are also frequently shown in the tooltip. 
In many cases, you can hover the mouse over an item 
and press the F1 key to get help about the tool that is 
underneath the mouse. 

Shirom: Samayra, let me now tell you how to create a 
copy of an image. For this we will have to create a new 
layer. Refer Fig. 3.6 to add a new layer. 
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Goto Tool-> Transform Tool-> Move 
To move the image on top-left corner 
of the canvas. 





Fig. 3.6 : Layering an Image 


Paste the copied image to new layer using Edit” Paste 
as — New Layer. 


A new layer with the image is created on top of the 
previous layer. Click on the image and using the Move 
Tool to move the image to right side of the existing image. 





Fig. 3.7 : Copied image 
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Samayra: Shirom, I was thinking of creating a replica of 


this image but in the opposite direction. 







Before flipping 
should a copy of 
_the image be kept? 


Shirom: Oh, that's known as flipping an image. 







To do that we first need a copy of the image you want to 


flip. Refer Fig. 3.8 to flip an image. 


Tools -> Transform Tools -> Flip tool (Shift + F is the shortcut for flip tool) 


These options will appear on the left side of the tool box 
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Fig. 3.8: Flipping an image 


The new flipped image can be seen as shown below 
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Fig. 3.9: Flipped image 
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Shirom: Samayra, just like flipping we can also rotate 
an image. Refer Fig. 3.10 to rotate an image. 


Rotate 


Si Rotate 
ср3-Һ1.јрд-8 (11.xcF) 


Angle: 0.00 


Center X: | 409.50 
Center Y: 230.00 || px: ce 


Help | Reset 





Cancel 








Fig. 3.10: Rotating an image 


Check Yourself 





Download an image of a flower. 
1. Create a copy of this image. 
2. Use the shortcut key to crop certain areas of this 
image 
which you think are not required. 
3. Flip the cropped image vertically. 
4. Rotate the flipped image by 90 degrees. 


Shirom: Another important aspect is to reduce the 
size of an image so that it can be mailed or used for 
any other purpose. The solution for this is to scale the 
image. Scaling down is the process of reducing the size 
of an image. This will change the number of pixels it 


CREATING VISUAL COMMUNICATION 45 


2019-20 


Chapter 3.indd 45 27-Feb-19 4:42:04 PM 


contains and resize the canvas accordingly. An image 
can be scaled in two ways. 
a) Using Tools— Transform Tools. Refer Fig. 3.11(a) 


b) Using Image— Scale Image. Refer Fig. 3.11(b) 


Tool-> Transform Tool-> Scale Tool(Shift + T is the shortcut for Scale tool) 


@ Scale image 
14:32-4 


oe — —- . mə | TL ҹ 

Tura ƏUULİLAL 
= | b imu ( Mresolution: | 96.000 
: | 


Y resolution: | 96.000 a b 


pixels/in 
Quality 


Interpolation: Cubic 


Help Reset Cancel 





Fig. 3.11(a): Scaling an image using Tools menu 


@ Scale image 


11.xcf-4 


image Size 
Width: 
Height: px 


1500 x 1000 pixels 


Xresolution: 96.000 ərə 


Y resolution: 96.000 - , | pixels/in 


Quality 


interpolation: Cubic 


Help Reset Cancel 





Fig. 3.11(b): Scaling an image using Image menu 


46 ICT Техтвоок — CLASS IX 


2019-20 


Chapter 3.indd 46 27-Feb-19 4:42:06 PM 


Shirom: So, now another important feature of GIMP is 
the brightness control tool which helps us in enhancing 
an image. Let me tell you about how to use this feature 
to make dull images bright. Refer Fig 3.12 to brighten 
an image. 


Adjust the brightness by using the brightness slider. Click on Ok. 
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Fig. 3.12: Brightening an image 


Shirom: Samayra, let me now tell you another very 
interesting feature with the help of which I will create 
the reflection of an image. 


Samayra: Oh that's great! Shirom, this will further help 
us to enhance our images. 


Samayra: Shirom, I want you to reflect the given image 
(Refer Fig. 3.13). 
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DPI stands for Dots 
Per Inch which 
technically means 
Printer resolution. 
Today, it is a term 
often misused, 
usually to mean 
PPI, which stands 
for Pixels per Inch 
which is the display 
resolution. Higher 
the resolution better 
the printing quality. 
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Fig. 3.13: Image to be reflected 


Shirom: Samayra, now I will describe the steps to reflect 
an image. 


1. Create a new file (1080 x 760) with a transparent 
background. The transparent background can 
be given by choosing Transparency option in Fill 
with from Advanced Options while creating a new 
image. Refer Fig. 3.14. 


2. Copy the image you want to reflect and drag it on 
top with the Move Tool and Scale to its half of the 
image canvas size in Height. 


3. Duplicate the layer by right clicking on the layer 
of the image then choose— Duplicate Layer. 


75: 4. Flip vertically the copied image, using the Flip 
all the layers in the Tool. The duplicate layer with flipped image is 
added on top of the existing layer. 


canvas and can be made 
visible bu choosing 
Windows -> Dockable 
Dialogs -> Layers. 


o. Drag the new flipped image just below the original 
image. (Refer Fig. 3.15). 
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6. Right click on the new layer in the Layer palette 
and click on Add Layer Mask and choose White 
(for full opacity). Click on Add. (Refer Fig. 3.16). 


7. Add a gradient with the Blend Tool and to be more 
precise, click on Ctrl key while using this. 


8. In the Layer Window set the opacity of the new 
layer to 65% and right click on the layer to Merge 
it down (Refer Fig. 3.17). 


9. Click on the vertical rule and drag mouse and add 
a perspective by choosing the Perspective tool. 


Create a New Image 


Template: 
Image Size 
Width: 1080 
Height: 760 


TÜBÜ x 760 pixels 
72 ppi, RGB color 


¥ Advanced Options 

x resolution: 72.000 k 
Y resolution: 72.000 = i pixels/in 
Color space: RGB color 

Fill with: Transparency 


Comment: Created with GIMP 


Reset 





Fig. 3.14 Creating an image with transparency 


/ 
| Mode: Normal 


New from Visible 
New Layer Group... 
Duplicate Layer 
an New Layer... 
Delete Layer New from Visible 
Layer Boundary Size... New Layer Group... 
Layer to Image Size | Duplic ate Layer 
Scale Layer... 4 vere ni 
<== 
Fig. 3.16: Layer palette Fig. 3.17: Merging down a layer from layer palette 
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Fig. 3.18: Reflected image 


Samayra: The reflected image looks so beautiful (Refer 
Fig. 3.18). 


Shirom: Samayra, now I will tell you how to add text 
with effects as an image. 


For adding text as an image follow the given steps: 
1. Create a new image of appropriate size (256 x 128 
for the logo/caption/heading/title. 


2. Set the Background colour of the canvas to black 
by changing the RGB values to (0,0,0). 
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10. 


11. 


12. 


13. 


14. 


After setting the RGB values choose the Bucket 
Fill Tool, « to fill colour in the canvas. 


Now choose the Text tool from the toolbox. 


Next step is to change the foreground to white 
RGB (255, 255, 255) as on black canvas white 
coloured text will be visible clearly. 


. After setting the text boundary type in the 


required text. “A VILLAGE MELA”. The text will 
beadded as a new layer (Refer Fig. 3.19). The 
Layer palette will have two layers now. The newly 
added text layer and the background layer. 


Now right click on the new canvas with text and 
choose New from Visible option. This again adds 
a third layer with the name “Visible” in the layer 
palette (Refer Fig. 3.20). 


Give effects to text as per your requirement by 
choosing Filter—Blur. Here we are invoking the 
Gaussian Blur. 


Now, I am going to add a new layer with 
plasma effect. To add plasma effect choose 
Filter— Render— Clouds Plasma effect. (Refer 
Fig. 3.21). 

The next step is to generate a fake 3D shape 
on this plasma layer. The process is known as 
‘bump mapping’. To do this select Filter = Map — 
Bump Map. 

Novv, 1 vvill isolate our bump mapped text. For 
the same add a Layered Mask with White (Full 
Opacity) to the plasma layer: Layer — Mask — 
Add Layer Mask. (alternatively Right-Click on the 
plasma layer and choose “Add Layer Mask...”). 


Now, copy the ‘Visible’ layer and paste it into the 
layer mask for the plasma layer. 


Make plasma layer active by Left-Clicking on it 
and Paste the “Visible” layer on it. Edit—Paste. 
This will now insert a Floating Selection (Pasted 
Layer) into your image. 

The next step is to get this Floating Selection into 
the mask so we need to Anchor it by choosing 
Layer— Anchor Layer. 
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Finally, save the file by clicking 
on the File Menu— Save As and 
then give the name of the file (for 
example, Myfairl). The final image 
can be seen in Fig. 3.22. By default 
the image is saved in .XCF Format. 
Close the image file once you finish 
working on it by clicking on File 
Menu — Close View or Close All. 

Samayra: Shirom, I don't like the 
red color of the text on the board of 
the given image. (Refer Fig. 3.23). 











Fig. 3.19: Text as an image 





How to remove the 
text and merge it 
with the background? 












Shirom: No problem Samayra. GIMP 
has a feature with which you can 
Fig. 3.23: Image with unwanted remove patches and merge it with the 
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background. The Clone tool is used to copy from an 
image or a pattern by using the current brush. It helps 
in repairing images having problem areas by ‘painting 
over’ them with pixel data from other areas. This works 
just like the ‘Format Painter tool’ of a text editor. 


Follow the given steps to use the clone tool. 


1. Insert the image which requires correction. 
2. Select the Tools —— Paint Tools —> Clone or By 


clicking on the tool icon & in Toolbox. Adjust the 
opacity if it is less than 100, to make it look more 
natural. Adfust the scale and the brush size 
depending on what you are covering. 


. Hold down the Ctrl key on the keyboard while 


dragging the mouse. If required change the size 
the clone brush by moving the scale button. If 
Alignment is set to None, Aligned, or Fixed in tool 
options, then the point you click on becomes the 
origin for cloning. The image data at that point 
will be used when you first begin painting with the 
Clone tool. In source-selection mode, the cursor 
changes to a reticle cross symbol. 


. You can click on as many areas as you want to 


clone. The Ctrl key is used to select the source, if 
you are cloning from an image. 


Refer Fig. 3.24 for the final image without text. 





Fig. 3.24 Image without unwanted text 
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The default file format 
ol GIMP is .xcf. These 
files are heavy and have 
low resolution. There 
are various other file 
formats into which these 
.XCİ files can be exported. 
JPEG: Accepted 
worldwide good quality 
compressed format. 
PNG: Good quality bulky 
format which is 
supported by all 
browsers. 

TIFF: Bulky but good 
quality format 
supported by all image 
processing software. 

It is a good practice to 
modify your .xcf files 
and export it to a format 
like JPEG. 

By clicking on File — 
Export, the “Export 
image JPEG’ window 
will open. Here the 
quality of the image can 
be changed. 
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Samayra: Now, how do we club all these images together 
in one canvas? 


Shirom: That's not a difficult task Samayra. Let me show 
you how to do that. Refer Fig. 3.25 to club all images 
together to create a collage. 


1. Create a new canvas (I am taking width 1080 and height 760). 

2. Fill the background layer with color of your choice. 

3. Click on Foreground and Background Color Tool in the Toolbox. 

4. Add the image using File-> Open as Layers... and image is loaded 
on the canvas. 

5. Resize the image using Tools-> Transform Tool-> Scale. 


Se ee ee ee 


819 « 460 pixel: 
96 ppi 


Help || Reset || Cancel SENTE 





6. Move the Image using Tools-> Transform Tool-> Move. 





Fig. 3.25(a): Creating a collage 
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7. Similarly you can add more images through open as layer in the canvas. 

8. Click on the layer to resize and move the image under layer panel. Resize and 
place the image using scale tool and move tool. Select the layer of Picture you 
want to work on. Now right click on the layer that has your picture, choose “scale 
layer”, resize the image to fit in the grid. 





Fig. 3.25(b): Creating a collage 





Exercises | 


1. Fill in the blanks 


a. GIMP is an acronym for Image 
Program. 

b. An image has some unwanted portion which should be 
removed by tools. 

c. Crop tool is found under Menu. 


2. Identify whether the following statements are True 
or False 
a. Flip/Rotate tool is part of selection tool. (T/F). 


b. Flip tool can flip at any angle. (T/F). 

c. GIMP has a brightness control tool which helps in 
enhancing an image. (T/F) 

d. Scaling down is the process of reducing the size of an 
image. (T/F) 

Do it yourself 


1. You have taken a photograph in low light and it appears 
dull. Using different tools in GIMP, convert this dull 
photograph into a brighter one. 
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